<style type="text/css">
    [v-cloak] {
        display: none
    }

    .bg-card-blue {
        background: linear-gradient(-125deg, #57bdbf, #2f9de2);
        color: #ffffff;
    }

    .bg-card-red {
        background: linear-gradient(-125deg, #ff7d7d, #fb2c95);
        color: #ffffff;
    }

    .bg-card-violet {
        background: linear-gradient(-113deg, #c543d8, #925cc3);
        color: #ffffff;
    }

    .bg-card-primary {
        background: linear-gradient(-141deg, #ecca1b, #f39526);
        color: #ffffff;
    }

    .wanlcard .small-box, .panel {
        border-radius: 20px;
    }

    .wanlcard .small-box > .inner {
        padding: 15px 22px;
    }

    .wanlcard .small-box > .inner p:last-child {
        font-size: 12px;
    }

    .wanlcard .small-box p {
        font-size: 14px;
        margin: 10px 0;
    }

    .wanlcard .small-box h3 {
        font-weight: 100;
    }

    .wanlcard .small-box .icon {
        color: rgba(255, 255, 255, 0.16);
        right: 22px;
    }

    .small-box .icon {
        font-size: 80px;
    }

    .panel-statistics h3 {
        font-weight: 500;
        font-size: 14px;
        color: #333;
        margin-top: 9.2px;
    }

    .panel-statistics h4 {
        color: #666;
        font-weight: 400;
        font-size: 14px;
    }

    .panel-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -9px;
    }

    .wanl-order .panel {
        background: linear-gradient(-125deg, #57bdbf, #2f9de2);
    }

    .wanl-order .panel h3 {
        font-weight: 500;
    }

    .wanl-order .panel h3, .wanl-order .panel h4 {
        color: #ffffff;
    }

    .wanl-order .pull-left .fa {
        color: #ffffff;
        font-size: 30px;
    }

    .wanllist {
        margin: 20px 0;
    }

    .wanllist .panel-statistics h4 {
        color: #555;
        font-weight: bold;
        font-size: 18px;
        display: flex;
    }

    .wanllist .panel-statistics thead {
        color: #777777;
    }

    .wanllist .panel-statistics h4 {
        color: #555;
        font-weight: bold;
        font-size: 18px;
        display: flex;
        margin-bottom: 27px;
    }


    .wanllist .panel-statistics .total-count {
        /*display: flex;*/
        justify-content: space-around;
    }

    .wanllist .panel-statistics .total-count .col-sm-2 {
        width: 23%;
        height: 81px;
        box-shadow: 0px 9px 69px 21px rgba(211,192,192,0.07);
        border-radius: 20px;
        display: flex;
        align-items: center;
        color: #fff;
        padding: 0 20px;
        margin: 8px;
    }

    .wanllist .panel-statistics .total-count .bx img{
        width: 50px;
        height: 50px;
        margin-right: 8px;
    }
    .wanllist .panel-statistics .total-count .bx .num{
        font-size: 22px;
        font-weight: 400px;
    }
    .wanllist .panel-statistics .total-count a:nth-child(1) .bx {
        background: linear-gradient(90deg, #0ABEFD, #7EFED9);
    }
    .wanllist .panel-statistics .total-count a:nth-child(2) .bx {
        background: linear-gradient(90deg, #09BDFE, #01A7F0);
    }
    .wanllist .panel-statistics .total-count a:nth-child(3) .bx {
        background: linear-gradient(90deg, #F2869F, #FCC688);
    }
    .wanllist .panel-statistics .total-count a:nth-child(4) .bx {
        background: linear-gradient(90deg, #FBC2EB, #A38DD1);
    }
    .wanllist .panel-statistics .total-count a:nth-child(5) .bx {
        background: linear-gradient(90deg, #129633, #2AEA46);
    }
    .wanllist .panel-statistics .total-count a:nth-child(6) .bx {
        background: linear-gradient(90deg, #0ABEFD, #7EFED9);
    }
    .wanllist .panel-statistics .total-count a:nth-child(7) .bx {
        background: linear-gradient(90deg, #09BDFE, #01A7F0);
    }
    .wanllist .panel-statistics .total-count a:nth-child(8) .bx {
        background: linear-gradient(90deg, #F2869F, #FCC688);
    }
    .wanllist .panel-statistics .total-count a:nth-child(9) .bx {
        background: linear-gradient(90deg, #FBC2EB, #A38DD1);
    }
    .wanllist .panel-statistics .total-count a:nth-child(10) .bx {
        background: linear-gradient(90deg, #129633, #2AEA46);
    }

    .wanllist .panel-statistics .total-count a:nth-child(11) .bx {
        background: linear-gradient(90deg, #0ABEFD, #7EFED9);
    }
    .wanllist .panel-statistics .total-count a:nth-child(12) .bx {
        background: linear-gradient(90deg, #09BDFE, #01A7F0);
    }
    .wanllist .panel-statistics .total-count a:nth-child(13) .bx {
        background: linear-gradient(90deg, #F2869F, #FCC688);
    }
    .wanllist .panel-statistics .total-count a:nth-child(14) .bx {
        background: linear-gradient(90deg, #FBC2EB, #A38DD1);
    }
    .wanllist .panel-statistics .total-count a:nth-child(15) .bx {
        background: linear-gradient(90deg, #129633, #2AEA46);
    }



    .vertical {
        vertical-align: middle;
    }


    /*排行榜*/

    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td {
        border-bottom: none;
        padding: 12px 0;
        font-weight: initial;
        border: none !important;
    }


    .table thead tr {
        height: 35px;
        background: #FFF2F0;
        border-radius: 6px;
        display: flex;
        /*align-items: center;*/
        justify-content: space-around;
        color: #474747;
        font-weight: bold;

    }

    .table thead tr th {
        font-weight: bold;
        text-align: center;
    }

    .table thead tr th:first-child {
        width: 10%;
    }

    .table thead tr th:nth-child(2) {
        width: 60%;
    }

    .table thead tr th:last-child {
        width: 20%;
    }

    .table tbody tr {
        height: 57px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        color: #474747;
        font-weight: bold;
        border-bottom: 1px dashed #FFCACB;
        box-shadow: 0px 9px 69px 21px rgba(211, 192, 192, 0.07);
        text-align: center;
    }

    .table tbody tr td {
        border-top: none !important;
        overflow: hidden;
    }

    .table tbody tr td:first-child {
        width: 10%;
    }

    .table tbody tr td:nth-child(2) {
        width: 60%;
    }

    .table tbody tr td:last-child {
        width: 20%;
    }

    .shu {
        width: 4px;
        height: 20px;
        background: #009DFF;
        border-radius: 2px;
        margin-right: 20px;
    }
    .content{
        padding-left:0 !important;
        padding-right:0 !important;
        padding:0 !important;
    }

    .pagination-detail,.pagination{
        display: none;
    }
</style>
{if in_array($group_id1, [2, 5])}
<div class="row wanllist">
    <div class="col-xs-12 col-sm-12" >
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4>
                    <span class="shu"></span>
                    公告通知
                </h4>
            </div>
            <div class="panel-heading">
                <ul class="nav nav-tabs" data-field="category_id">
                    <li class="{:$Think.get.category_id === null ? 'active' : ''}"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
                    {foreach name="cateList" item="vo"}
                    <li class="{:$Think.get.category_id === (string)$key ? 'active' : ''}"><a href="#t-{$key}" data-value="{$key}" data-toggle="tab">{$vo}</a></li>
                    {/foreach}
                </ul>
            </div>
            <div class="panel-body">
                <div class="total-count">
                    <table id="notice" class="table" width="100%"></table>
                </div>
            </div>
        </div>
    </div>
</div>
{/if}
<div class="row wanllist">
    <div class="col-xs-12 col-sm-12" >
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4>
                    <span class="shu"></span>
                    数据统计
                </h4>
                <h4>
                    {if $group_id1 == 1}
                    <form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
                        <div class="form-group" style="width: 650px">
                            <label class="control-label col-xs-12 col-sm-2">城市公司:</label>
                            <div class="col-xs-12 col-sm-4">
                                <input id="c-region_id" data-source="ajax/regionList" class="form-control selectpage" type="text" value="{$region_id}">
                            </div>

                            <label class="control-label col-xs-12 col-sm-2">区县公司:</label>
                            <div class="col-xs-12 col-sm-4">
                                <input id="c-company_id" data-source="ajax/subsidiaryList" class="form-control selectpage" type="text" value="{$company_id}">
                            </div>
                        </div>
                    </form>
                    {/if}
                </h4>
                <div class="total-count">
                    {if $group_id == 1}
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('user/user')}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx ">
                            <img src="__CDN__/assets/img/admin/index_user.png">
                            <div>
                                <div>总用户量</div>
                                <div class="num" >{$totaluser}</div>
                            </div>
                        </div>
                    </a>
                    {/if}
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('wash/order', ['pay_status' => '1', 'region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1])},{:url('wash/serviceorder', ['pay_status' => '1', 'region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1])},{:url('order/order', ['pay_status' => '1', 'region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>订单销售总额</div>
                                <div class="num" >{$totalmoney}</div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('wash/order', ['region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1])},{:url('wash/serviceorder',['region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1])},{:url('order/order', ['region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_count.png">
                            <div>
                                <div>总订单量</div>
                                <div class="num" >{$totalorder}</div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('voucher/order', ['is_pay' => 1, 'region_id' => $region_id, 'company_id' => $company_id])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>充值总额统计</div>
                                <div class="num" >{$totalvoucher}</div>
                            </div>
                        </div>
                    </a>
                    {if $group_id == 2 || $group_id == 5}
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('user/money_log', ['region_id' => $region_id, 'company_id' => $company_id])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>总收益</div>
                                <div class="num" >{$totalmoney}</div>
                            </div>
                        </div>
                    </a>
                    {/if}
                    {if $group_id == 1}
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('user/user', ['time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_user.png">
                            <div>
                                <div>今日新增用户</div>
                                <div class="num" >{$todayuser}</div>
                            </div>
                        </div>
                    </a>
                    {/if}
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('wash/order', ['pay_status' => '1', 'region_id' => $region_id, 'is_pay' => 1, 'company_id' => $company_id, 'time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])},{:url('wash/serviceorder', ['is_pay' => '1', 'region_id' => $region_id, 'company_id' => $company_id, 'time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])},{:url('order/order', ['is_pay' => '1', 'region_id' => $region_id, 'company_id' => $company_id, 'time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>今日销售额</div>
                                <div class="num" >{$todaymoney}</div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('wash/order', ['region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1, 'time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])},{:url('wash/serviceorder', ['region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1, 'time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])},{:url('order/order', ['region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1, 'time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_count.png">
                            <div>
                                <div>今日订单量</div>
                                <div class="num" >{$todayorder}</div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('voucher/order', ['region_id' => $region_id, 'company_id' => $company_id, 'is_pay' => 1, 'time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>今日新增充值</div>
                                <div class="num" >{$todayvoucher}</div>
                            </div>
                        </div>
                    </a>
                    {if $group_id == 2 || $group_id == 5}
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('user/money_log', ['region_id' => $region_id, 'company_id' => $company_id, 'time' => date('Y-m-d') . ' 00:00:00 - ' . date('Y-m-d') . ' 23:59:59'])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>今日收入</div>
                                <div class="num" >{$todaymoney}</div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('factory/factory', ['region_id' => $region_id, 'company_id' => $company_id])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>门店数量</div>
                                <div class="num" >{$totalfactory}</div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('user/money_log', ['region_id' => $region_id, 'company_id' => $company_id])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>门店收益</div>
                                <div class="num" >{$totalfactorycommission}</div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('shop/index', ['region_id' => $region_id, 'company_id' => $company_id])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>驿站数量</div>
                                <div class="num" >{$totalshop}</div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('user/money_log', ['region_id' => $region_id, 'company_id' => $company_id])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>驿站收益</div>
                                <div class="num" >{$totalshopcommission}</div>
                            </div>
                        </div>
                    </a>
                    {/if}
                    {if $group_id == 2}
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('subsidiary/index', ['region_id' => $region_id])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_count.png">
                            <div>
                                <div>区县数量</div>
                                <div class="num" >{$area_count}</div>
                            </div>
                        </div>
                    </a>
                    {/if}
                    <a href="javascript:void(0);" class="btn-dashboard" data-url="{:url('wash/order', ['region_id' => $region_id, 'company_id' => $company_id, 'pay_type' => 'money'])},{:url('wash/serviceorder', ['region_id' => $region_id, 'company_id' => $company_id, 'pay_type' => 'money'])}" data-title="列表">
                        <div class="col-xs-12 col-sm-2 bx">
                            <img src="__CDN__/assets/img/admin/index_amount.png">
                            <div>
                                <div>余额订单数量</div>
                                <div class="num" >{$totalmoneyorder}</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row wanllist">
    <div class="col-xs-12 col-sm-6">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4>
                    <span class="shu"></span>
                    订单数占比
                </h4>
                <div id="pie_echart1" class="btn-order-refresh" style="height:300px;width:100%;"></div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4>
                    <span class="shu"></span>
                    销售总额占比
                </h4>
                <div id="pie_echart2" class="btn-trend-refresh" style="height:300px;width:100%;"></div>
            </div>
        </div>
    </div>
</div>

<div class="row wanllist">
    <div class="col-xs-12 col-sm-12">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4>
                    <span class="shu"></span>
                    订单数占比
                </h4>
                <div class="input-group">
                    <span class="input-group-addon">{:__('自定义时间段')}:</span>
                    <input type="text" class="form-control datetimerange" placeholder="自定义时间段" style="width: 250px;" id="time">
                    &nbsp;&nbsp;<button class="btn btn-success" id="search">搜索</button>
                </div>
                <br><br>
                <div id="item_echart" class="btn-order-refresh" style="height:400px;width:100%;"></div>
            </div>
        </div>
    </div>
</div>

<div class="row wanllist">

    {if $group_id == 1}
    <div class="col-xs-12 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4 style="position: relative;">
                    <span class="shu"></span>
                    城市排行
                    <a href="javascript:void(0);" class="btn-dashboard" style="position: absolute; right: 0;" data-url="{:url('region/dashboard')}" data-title="城市排行">更多</a>
                </h4>
                <table id="city" class="table" width="100%"></table>
            </div>
        </div>
    </div>
    {/if}

    {if $group_id == 2 || $group_id == 1}
    <div class="col-xs-12 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4 style="position: relative;">
                    <span class="shu"></span>区县排行
                    <a href="javascript:void(0);" class="btn-dashboard" style="position: absolute; right: 0;" data-url="{:url('subsidiary/dashboard')}" data-title="区县排行">更多</a>
                </h4>
                <table id="area" class="table" width="100%"></table>
            </div>
        </div>
    </div>
    {/if}

    <div class="col-xs-12 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4 style="position: relative;">
                    <span class="shu"></span>
                    门店排行
                    <a href="javascript:void(0);" class="btn-dashboard" style="position: absolute; right: 0;" data-url="{:url('factory/factory/dashboard')}" data-title="门店排行">更多</a>
                </h4>
                <table id="factory" class="table" width="100%"></table>
            </div>
        </div>
    </div>

    <div class="col-xs-12 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4 style="position: relative;">
                    <span class="shu"></span>
                    驿站排行
                    <a href="javascript:void(0);" class="btn-dashboard" style="position: absolute; right: 0;" data-url="{:url('shop/dashboard')}" data-title="驿站排行">更多</a>
                </h4>
                <table id="shop" class="table" style="width:100%"></table>
                <!--                <table class="table" style="width:100%">-->
                <!--                    <thead>-->
                <!--                    <tr>-->
                <!--                        <th>排行</th>-->
                <!--                        <th>名称</th>-->
                <!--                        <th>累计金额</th>-->
                <!--                    </tr>-->
                <!--                    </thead>-->
                <!--                    <tbody>-->


                <!--                    </tbody>-->
                <!--                </table>-->
            </div>
        </div>
    </div>
</div>
<script>
    var url = "{:url('dashboard/index')}";
</script>